/**
 * 这里是uni-app内置的常用样式变量
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 引入uView的全局SCSS主题文件 */
@import '@/uni_modules/uview-ui/theme.scss';


// 文本格式化超出省略号  参数：宽度，单行/多行
@mixin textOverflow($width: null, $row: 1){
    @if $width != null{
        width: $width;
    }
    @if $row == 1{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    } @else {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: $row;
        overflow: hidden;
    }
}

/* 根节点font-size  1920px屏幕宽度 */ 
$retail-root-font-size:1000vw/1920; // 10px一个rem  10px*100vw/1920px

/* 颜色变量 */
$retail-color-primary:#38C09E;
$retail-color-primary-light:#DEF2EA;
$retail-font-color-base:#0c0c0c;
$retail-color-cancel:  #eeeeee;
$retail-color-dark:#e3e3e3;

$retail-color-light :#92e1c9;

/* 文字尺寸 */
$retail-font-size-xs:1.8rem;
$retail-font-size-sm:2.4rem;
$retail-font-size-m:2.8rem;
$retail-font-size-base:3rem;
$retail-font-size-l:3.2rem;
$retail-font-size-lg:3.6rem;
$retail-font-size-xl:4.2rem;
$retail-font-size-2xl:4.8rem;

/* 表单大小 */

$retail-form-item-height:6.8rem;
$retail-form-item-line-height:6.8rem;
$retail-form-item-padding:2.8rem;

/* 边框圆角 */
$retail-rounded-none:0;
$retail-rounded-sm:1.2rem;
$retail-rounded-base:1.8rem;

/* 弹窗相关 */
$retail-dialog-width-base:120rem;
$retail-dialog-button-min-width:20rem;

/* 按钮相关 */
$retail-button-min-width:12rem;
$retail-button-max-width:30rem;
$retail-button-padding-base:1rem 2rem;

/* uni-app 默认变量 */
/* 行为相关颜色 */
$uni-color-primary: #00c25a;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 会员 特殊 背景色*/
 $uni-number-color:#ffe5ce;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;
 
/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:12px;
$uni-font-size-base:14px;
$uni-font-size-lg:16;

/* 图片尺寸 */
$uni-img-size-sm:20px;
$uni-img-size-base:26px;
$uni-img-size-lg:40px;

/* Border Radius */
$uni-border-radius-sm: 2px;
$uni-border-radius-base: 3px;
$uni-border-radius-lg: 6px;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 5px;
$uni-spacing-row-base: 10px;
$uni-spacing-row-lg: 15px;

/* 垂直间距 */
$uni-spacing-col-sm: 4px;
$uni-spacing-col-base: 8px;
$uni-spacing-col-lg: 12px;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:2rem;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:2.6rem;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:1.5rem;


$padding:0.8rem 1rem;

*{
	// font-size: $uni-font-size-subtitle;
}
uni-input{
	display: block;
  line-height: $retail-form-item-height;
  height:$retail-form-item-height;
  min-height: $retail-form-item-height;
  overflow: hidden !important;
}

.uni-data-tree,.uni-data-tree-input,.input-value{
  height:$retail-form-item-height;
  min-height: $retail-form-item-height;
  font-size: 2.4rem;
  .selected-item{
    padding-left: 1rem;
  }
  .selected-area.placeholder{
    font-size: 2.4rem;
    padding-left: 10px;
  }
}
.button-group{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding:0.5rem;
}
uni-button[type=primary] {
    color: #fff;
    background-color: $retail-color-primary;
}
uni-button[type=info] {
    color: #000;
    background-color: $retail-color-cancel;
}
uni-button[type=error] {
	color: #fff;
	background-color: $uni-color-error;
}
					
					

.buttom-buttons {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;

	uni-button.batch-submit {
		height: 12rem;
		line-height: 12rem;
		align-items: center;
		font-size: 3rem;
		background-color: $retail-color-light;
		margin-right: 20rpx !important;
	}
	uni-button[disabled]:not([type]), uni-button[disabled][type=default]{
		background-color: $retail-color-light;
		color: #222;
	}

}
.g-button-light{
	background-color: $retail-color-primary-light;
	color: #000;
	width: 100%;
	font-weight: bold;
	border-radius: 30rpx;
	margin-right: 10rpx;
	height:8rem;
	line-height: 8rem;;
	&:last-child{
		margin-right: 0;
	}
}
.cu-form-group{
	max-height:8rem;
	padding: $padding;
}
.g-button,.form-item-button{
	background-color: $retail-color-primary;
	color: #fff;
	width: 100%;
	font-weight: bold;
	border-radius: 1rem;
	margin-right: 2rem;
  margin-left: 0;
	height:8rem;
	max-width: 28rem;
	min-width: 16rem;
	line-height: 8rem;
  text-align: center;
	&:last-child{
		margin-right: 0;
	}
	&.g-search{
		max-width: 8rem;
		height:100%;
		height:auto;
		line-height: 8rem;
	}
}
.g-button,{
  width: auto;
}
.uni-forms-item{
	.uni-easyinput{
		font-size:$retail-font-size-sm;
		.uni-easyinput__placeholder-class{
			font-size:$retail-font-size-sm;
			line-height:$retail-form-item-height;
		}
		.uni-easyinput__content-input{
			height:$retail-form-item-height;
			line-height:$retail-form-item-height;
			
		}
		
	}
	.uni-forms-item__label{
		color:$retail-font-color-base;
		font-weight: 800;
		font-size:$retail-font-size-sm;
		height:$retail-form-item-height;
		line-height:$retail-form-item-height;
	}
	.uni-select{
		
			font-size:$retail-font-size-sm;
		height:$retail-form-item-height;
		line-height:$retail-form-item-height;
		.uni-select__input-box{
			
				font-size:$retail-font-size-sm;
				height:$retail-form-item-height;
				line-height:$retail-form-item-height;
		}
	}
	.uni-select__selector{
		.uni-select__selector-item{
			
			font-size:$retail-font-size-sm;
			height:$retail-form-item-height;
			line-height:$retail-form-item-height;
		}
	}
	.form-item-button{
		font-size:$retail-font-size-sm;
		height:$retail-form-item-height;
		line-height:$retail-form-item-height;
		background-color: $retail-color-primary;
		color:$retail-color-primary-light;
	}
}
.uni-forms-item{
	.uni-input-placeholder,.input-placeholder,.uni-icons,.uni-select__input-placeholder{
			font-size:$retail-font-size-sm;
      line-height: 6rem;
	}
	.is-direction-top .uni-forms-item__label{
		line-height:$retail-font-size-sm;
		color: #333;
		font-weight: bold;
	}
	.form-item-button{
		background-color: #f5f5f5;
		color:#333;
		font-weight: bold;
	}
}
.form-item-inline{
	font-size:$retail-font-size-sm;
	height:$retail-form-item-height;
	line-height:$retail-form-item-height;
	.cuIcon-search{
		font-size:$retail-font-size-lg;
		height:$retail-form-item-height;
		line-height:$retail-form-item-height;
	}
	.uni-easyinput{
		font-size:$retail-font-size-sm;
		.uni-easyinput__placeholder-class{
			font-size:$retail-font-size-sm;
			line-height:$retail-form-item-height;
		}
		.uni-easyinput__content-input{
			height:$retail-form-item-height;
			line-height:$retail-form-item-height;
			
		}
		
	}
	.uni-forms-item__label{
		
			font-size:$retail-font-size-sm;
		height:$retail-form-item-height;
		line-height:$retail-form-item-height;
	}
	.form-item-button{
		height:$retail-form-item-height;
		line-height:$retail-form-item-height;
		background-color: $retail-color-primary;
		color:$retail-color-primary-light;
		min-width:160rpx;
	}
}
.g-page-back{
	height: 10rem;
	line-height: 10rem;
	.g-page-back-button{
		color:$retail-color-primary;
		font-size:$retail-font-size-lg;
	}
}
.page--active{
	color: #fff;
	background-color:$retail-color-primary !important;
}
.uni-section-content{
	.retail-list{
		.uni-row{
			min-width: 100%!important;
		}
		.uni-table{
			// min-width: 100%!important;
			.uni-table-th{
				background-color: $retail-color-dark;
				color:#333;
			}
			.table-td-text{
				color:#333;
			}
		}
	}
}
.uni-table-td,.uni-table-th{
	font-size:$retail-font-size-sm;
	padding: 2rem 1rem;
	line-height:$retail-font-size-sm;
	color:$retail-font-color-base;
	.table-td-text{
		width:100%;
		height:100%;
	}
}
.table--border{
  // border-radius: 1rem 1rem 0 0;
}
.retail-list{
  border-radius: 1rem 1rem 0 0;
	.uni-table{
		// min-width: 100%!important;
		font-size: $retail-font-size-m;
		border-radius: 1rem 1rem 0 0;
		overflow-y: auto;
		// overflow:hidden;
    .uni-table-th-content{
      line-height: 3rem;
      min-height: 6rem;
    }
		.uni-table-th{
			background-color: $retail-color-dark;
			color:$retail-font-color-base;
			padding:$padding;
			line-height: 6rem;
		}
		.table-td-text{
			// color:#333;
		}
		.uni-table-td{
			padding:$padding;
			color: $retail-font-color-base;
			padding-top: 2rem;
			padding-bottom: 2rem;
			max-width: 40rem;
		}
	}
	.table-sum-panel{
		height: 120rpx;
		line-height: 8rem;
		display: flex;
		font-size: $retail-font-size-m;
		align-items: center;
		justify-content: flex-start;
	}
}
.padding,.padding-sm,.padding-lg{
	padding:$padding;
}
.list-detail{
	// height:100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width:100%;
	
	.uni-section .uni-section-header{
		padding: $padding;
		.uni-section__content-title{
			font-size: 2.8rem!important;
			font-weight: 600;
			color:$retail-font-color-base;
		}
	}
	.none-data{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.r-uni-row{
		// background-color: ;
	}
	.uni-card__header-avatar .uni-card__header-avatar-image{
					 height:8rem;
					 width: 8rem !important;
	}
	.user-card{
		display:flex;
		flex-direction: row;
		align-items: center;
		font-size:4rem !important;
		padding-top: 1rem;
		.user-thumbnail{
			border-radius: 5rem;
			height:10rem;
			width: 10rem !important;
		}
	}
	
	// .usercard{
		
	// }
	.data-panel{
		display:flex;
		// flex-direction: column;
		background-color:$uni-number-color;
		color:$retail-font-color-base;
		border-radius: 0.2rem;
		align-items: center;
		>.form-item{
		    // height: 3rem;
			&.form-item-column{
				display:flex;
				flex-direction: column;
				align-items: center;
				.form-item-label{
					font-size: 2.2rem;
				}
				.form-item-coutent{
					font-size: 2.2rem;
					font-weight: bold;
				}
			}
			.form-item-label{
				font-size: 2.6rem;
			}
			.form-item-coutent{
				font-size: 2.6rem;
			}
		}
	}
	.form-item{
		 // height: 3rem;
		// display: flex;
		padding: $padding;
		align-items: center;
		&.form-item-column{
			// display:flex;
			// flex-direction: column;
			// align-items: center;
			.form-item-label{
				font-size: 2.2rem;
			}
			.form-item-coutent{
				font-size: 2.2rem;
				font-weight: bold;
			}
		}
		.form-item-label{
			font-size: 2.6rem;
		}
		.form-item-coutent{
			font-size: 2.6rem;
		}
		&.text-lg{
			// display: flex;
			// justify-content: left;
			// align-items: center;
			height: 4rem;
			.form-item-label{
				font-size: 3rem;
			}
			.uni-tag{
				height: 4rem;
				font-size: 2.4rem;
				margin-left: 1rem;
			}
			.form-item-coutent{
				font-size: 3rem;
				// font-weight: bold;
			}
			
		}
	}
}


.retail-segmented{
	
		height: calc(100vh - 6rem);
	.retail-segmented-content{
		height:  calc(100vh - 16rem);
	}
	
		.segmented-control {
		    display: flex;
		    box-sizing: border-box;
		    flex-direction: row;
			justify-content: flex-start;
		    height: 10rem;
			// padding: 20rpx;
		    overflow: hidden;
		    // cursor: pointer;
			.segmented-control__item{
				min-width: 30rem;
				display: inline-flex;
				box-sizing: border-box;
				// position: relative;
				flex:none;
				padding: 0.5rem;
				justify-content: center;
				align-items: center;
				.segmented-control__item--button--active{
					background-color: $retail-color-primary;
					border-bottom: 1px;
					.segmented-control__text{
						font-size: $retail-font-size-l;
						line-height: $retail-font-size-xl;
						border-color: $retail-color-primary;
						
					}
				}
				.segmented-control__item--button{
				    border-style: solid;
					
				    border-top-width: 0px;
				    border-bottom-width: 2px;
				    border-right-width: 0px;
				    border-left-width: 0;
					font-size: $retail-font-size-l;
				}
			}
			
			.segmented-control__text{
				font-size: $retail-font-size-l;
				line-height: $retail-font-size-xl;
			}
		}
	}
	
	
	.card-actions{
		justify-content: flex-end;
		.card-actions-item{
			font-size: 3rem;
		}
	}
	.filter-list-view{
		.uni-forms-item{
				&:last-child{
					margin-bottom: 0;
				}
				& .uni-forms-item__label.no-label{
						height:1.5rem;
						// display: none!important;
				}
			}
	}
	


